import $ from "./jquery.js" ;
$('.w1e').on('mouseenter',function(){
   
    $('.y666').stop().slideDown(500);
});
$('.w1e').on('mouseleave',function(){
   
    $('.y666').stop().slideUp(500);
});
$('.q121').on('focus',function(){
 $(this).parent().addClass('popi');
 $(this).siblings('span').addClass('opi');   
});
$('.q121').on('blur',function(){
    $(this).parent().removeClass('popi');
   
    if($(this).val()==''){
        $(this).siblings('span').removeClass('opi');
        $(this).parent().addClass('opii');
        $(this).siblings('span').addClass('dodo')
        $('.q11').show();   
    }else{
        $('.q11').hide(); 
        // $(this).parent().addClass('popi');   
        // $(this).parent().addClass('popp'); 
       }
       if($('.q121').val()!=''&&$('.q122').val()!=''){
        $('.button').css('opacity',1)
       }else{
        $('.button').css('opacity',0.4);
       }    
   });
   $('.q122').on('focus',function(){
    $(this).parent().addClass('popi');
    $(this).siblings('span').addClass('opi');   
   });
   $('.q122').on('blur',function(){
       $(this).parent().removeClass('popi');
       
       if($(this).val()==''){
           $(this).parent().addClass('opii');
           $(this).siblings('span').removeClass('opi');
           $(this).siblings('span').addClass('dodo')
           $('.q22').show();
           $('.q22').text('请输入登录密码')   
       } else{
        $('.q22').hide(); 
        // $(this).parent().addClass('popi');   
        // $(this).parent().addClass('popp'); 
       } 
       if($('.q121').val()!=''&&$('.q122').val()!=''){
        $('.button').css('opacity',1);
       } else{
        $('.button').css('opacity',0.4);
       }
       
       /////////////////////////////////////
    //    let xhr = new XMLHttpRequest();
    //    xhr.open('get', '../interface/login.php?username=' + $('#username').val()+'&password='+$('#password').val());
    //    //xhr.open('get', '../interface/login.php');
    //    xhr.send();
    //    xhr.onreadystatechange = function() {
    //        if (xhr.readyState == 4 && xhr.status == 200) {
    //           // console.log(xhr.responseText);
    //            //let data = JSON.parse(xhr.responseText);
    //            //console.log(data);
    //            if(xhr.responseText=='用户名或密码错误'){
                 
    //            }else{
    //                $('form').attr('action','../interface/login.php')  
    //            }
              
    //        //    // message.style.color = data.color;
    //        }
    //    }
       ////////////////////////////////////////
      })
$('.wer').children('u').click(function(){
   
    $(this).toggleClass('wortw');
   if($(this).hasClass('wortw')){
    //===========
    console.log(1);
    let xhr = new XMLHttpRequest();
    xhr.open('get', '../interface/login.php?username=' + $('#username').val()+'&password='+$('#password').val());
    //xhr.open('get', '../interface/login.php');
    xhr.send();
    xhr.onreadystatechange = function() {
        if (xhr.readyState == 4 && xhr.status == 200) {
           // console.log(xhr.responseText);
            //let data = JSON.parse(xhr.responseText);
            //console.log(data);
            if(xhr.responseText=='用户名或密码错误'){
              
            }else{
                $('form').attr('action','../interface/login.php')  
            }
           
        //    // message.style.color = data.color;
        }
    }


    //===================///////////
   }
})
//==================================

//===============================
      $('input').on('input',function(){
          if($(this).val!=''){
            $(this).parent().removeClass('opii');
            $(this).siblings().addClass('doi'); 
          }else{
            $(this).siblings().removeClass('dodo')
          }
      });
      $('.q122').on('input',function(){
        if($(this).val()==''){
            $('.q22').show()
        }else{
            $('.q22').hide()
        }
      });
      $('.q121').on('input',function(){
        if($(this).val()==''){
            $('.q11').show()
        }else{
            $('.q11').hide()
        }  
    })
    //let pad = document.querySelector('#password');
    let tijiao = document.querySelector('.button');
    let inp = document.querySelector('.q121');
    let m = document.querySelector('.q22');
//tijiao.onclick
// inp.oninput = function() {
//     //console.log(1);
//     let xhr = new XMLHttpRequest();
//         //  xhr.open('get', '../interface/hasuser.php?username=' + this.value);
//         xhr.open('get', '../interface/hasuser.php?username=' + $('.q121').val());
//         xhr.send();
//         xhr.onreadystatechange = function() {
//         if (xhr.readyState == 4 && xhr.status == 200) {
//             // let data = JSON.parse(xhr.responseText);
//             //      console.log(data);
//                 // m.innerText= data.message;
//                 // m.style.display='block'
//             // message.style.color = data.color;
//             console.log(xhr.responseText)
//         }
//         }
// }
//===============================================================

tijiao.onclick = function() {
    //console.log(1);
    
   if($('.wq123').hasClass('wortw')==false){
   $('.t123').fadeIn(200);
   setTimeout(function(){$('.t123').fadeOut(200);},1000)
   }else{
    //$('form').attr('action','../interface/login.php')
    let xhr = new XMLHttpRequest();
    xhr.open('get', '../interface/login.php?username=' + $('#username').val()+'&password='+$('#password').val());
    //xhr.open('get', '../interface/login.php');
    xhr.send();
    xhr.onreadystatechange = function() {
        if (xhr.readyState == 4 && xhr.status == 200) {
           // console.log(xhr.responseText);
            //let data = JSON.parse(xhr.responseText);
            //console.log(data);
            if(xhr.responseText=='用户名或密码错误'){
                m.innerText= xhr.responseText;
                m.style.display='block'
            }else{
                $('form').attr('action','../interface/login.php')  
            }
           
        //    // message.style.color = data.color;
        }
    }
   }
}
//==================================================================
$('.whw1').click(function(){
    location.href = './zhuce.html'
})
$('.e23').click(function(){
    if($(this).find('span').attr('data-wt')==0){
        $(this).find('span').addClass('icon-zhengyan');
        $(this).find('span').removeClass('icon-biyanjing');
        $(this).siblings('input').attr('type','text'); 
        $(this).find('span').attr('data-wt',1); 
    }else{
        $(this).find('span').removeClass('icon-zhengyan');
        $(this).find('span').addClass('icon-biyanjing');
        $(this).siblings('input').attr('type','password'); 
        $(this).find('span').attr('data-wt',0); 
    }
})
$('.wssw').on('mouseenter',function(){
    $('.i90').stop().fadeIn(500);
});
$('.wssw').on('mouseleave',function(){
    $('.i90').stop().fadeOut(500);
});
$('.wssw').click(function(){
    $(this).parents('.wfw').css('display','none');
    $('.ret52').css('display','block');
})
//=====================================
$('.r52').on('mouseenter',function(){
    $('.ww52').stop().fadeIn(500);
});
$('.r52').on('mouseleave',function(){
    $('.ww52').stop().fadeOut(500);
});
$('.r52').click(function(){
    $(this).parents('.ret52').css('display','none');
    $('.wfw').css('display','block');
})
//=============================
//console.log($('.wq123').hasClass('wortw')==false)
//../interface/login.php